<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>车前草 - 小红书风格介绍</title>
    <!-- 引入FontAwesome图标库 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: #f9f9f9;
            color: #333;
        }
        header {
            background: #fff;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        header h1 {
            margin: 0;
            font-size: 24px;
            color: #333;
            font-weight: bold;
        }
        .container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
        }
        .section {
            margin-bottom: 20px;
        }
        .section h2 {
            font-size: 20px;
            color: #555;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        .section h2 i {
            margin-right: 10px;
            color: #ff6f61;
        }
        .section p {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
        }
        .image {
            text-align: center;
            margin: 20px 0;
        }
        .image img {
            max-width: 100%;
            border-radius: 12px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        .note {
            background: #fef7f7;
            padding: 15px;
            border-left: 4px solid #ff6f61;
            font-size: 14px;
            color: #555;
            border-radius: 8px;
            display: flex;
            align-items: center;
        }
        .note i {
            margin-right: 10px;
            color: #ff6f61;
        }
        .section ul {
            list-style: none;
            padding: 0;
        }
        .section ul li {
            margin: 8px 0;
            display: flex;
            align-items: center;
        }
        .section ul li i {
            margin-right: 10px;
            color: #ff6f61;
        }
    </style>
</head>
<body>
    <header>
        <h1>🌿 车前草 - 自然与健康的馈赠 🌿</h1>
    </header>
    <div class="container">
        <div class="image">
            <img src="https://via.placeholder.com/800x400?text=%E8%BD%A6%E5%89%8D%E8%8D%89" alt="车前草">
        </div>
        <div class="section">
            <h2><i class="fas fa-info-circle"></i> 基本信息</h2>
            <ul>
                <li><i class="fas fa-leaf"></i> 名称：车前草</li>
                <li><i class="fas fa-seedling"></i> 科属：车前科 - 车前属</li>
                <li><i class="fas fa-globe-asia"></i> 分布：全国各地均有分布，常见于路边、田野和湿润的地方。</li>
                <li><i class="fas fa-sun"></i> 气候：温带、亚热带气候</li>
            </ul>
        </div>
        <div class="section">
            <h2><i class="fas fa-tree"></i> 植物特征</h2>
            <p>车前草是一种常见的多年生草本植物，具有宽大的叶片和细长的花穗。</p>
            <ul>
                <li><i class="fas fa-calendar-alt"></i> 生长周期：多年生</li>
                <li><i class="fas fa-dumpster"></i> 土壤要求：壤土、沙壤土</li>
                <li><i class="fas fa-tint"></i> 水分需求：需水量大，喜湿润环境</li>
            </ul>
        </div>
        <div class="section">
            <h2><i class="fas fa-hand-holding-seedling"></i> 栽培建议</h2>
            <p>适宜在湿润、排水良好的土壤中种植，避免干旱和积水。</p>
        </div>
        <div class="section">
            <h2><i class="fas fa-book-medical"></i> 文化与药用价值</h2>
            <p>车前草在中国有悠久的药用历史，最早记载于《神农本草经》。</p>
            <ul>
                <li><i class="fas fa-pills"></i> 药用功效：清热解毒、利尿通淋，常用于治疗泌尿系统疾病。</li>
                <li><i class="fas fa-utensils"></i> 民间用途：药用、食用和观赏。</li>
            </ul>
        </div>
        <div class="note">
            <i class="fas fa-lightbulb"></i> 温馨提示：车前草虽然用途广泛，但使用时请根据专业指导进行。
        </div>
    </div>
</body>
</html>